<template>
    <mt-swipe :auto="4000">
        <mt-swipe-item v-for="item in lunbotu" :key="item.img">
            <img :src="item[attribute]" alt="" :class="[isfull ? 'img-full':'img-normal']"> 
        </mt-swipe-item>
    </mt-swipe>
</template>
<script>
export default {
    data(){
        return {};
    },
    methods:{},
    props:['lunbotu','attribute','isfull'],//将来，谁使用这个轮播图组件，就必须为其传递一个lunbotu 的数组，同时，只能接收img属性的图片作为轮播图展示出来
}
</script>
<style lang="scss" scoped>
.mint-swipe{
    height:180px;
    .mint-swipe-item{
        text-align: center;
        .img-full{
            //如果给图片应用了这个类，则图片的宽和高都是撑满父元素的
            width: 100%;
            height: 100%;
        }
        .img-normal{
            //如果给图片添加了这个类，则图片的高度100%，宽度是自适应。横向的位置是居中显示的
            height: 100%;
        }
    }
}
</style>